{% extends 'base_tabler.html' %} {% block navname %}interests{% endblock %} {% block content %}
<div class="row">
  {% comment %}
  <div class="col-md-4">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">基本数据</h5>
        <p class="card-text">
          总样本数：{{ stats.total_count }}<br />
          平均年龄：{{ stats.avg_age }}<br />
          平均朋友数：{{ stats.avg_friends }} {{ text }}
        </p>
      </div>
    </div>
  </div>
  {% endcomment %}
  <div class="col-md-12">
    <div class="card">
      <div class="card-body">
        <div id="gender_chart" style="width: 100%; height: 500px">{{ activity_chart|safe }}</div>
      </div>
    </div>
  </div>
</div>

<div class="row mt-4">
  <div class="col-md-7">
    <div class="card">
      <div class="card-body">
        <div id="age_chart" style="width: 100%; height: 500px">{{ scatter_chart|safe }}</div>
      </div>
    </div>
  </div>
  <div class="col-md-5">
    <div class="card">
      <div class="card-body">
        <div id="pie_chart" style="width: 100%; height: 500px">{{ pie_chart|safe }}</div>
      </div>
    </div>
  </div>
</div>
{% endblock %}
